<style rel="stylesheet/scss" lang="scss" scoped>
    .info-containter {
        display: flex;
        flex: 1;
		min-height: 100%;
		padding: 20px;
		box-sizing: border-box;
        flex-direction: column;
		.box-flex{
			display: flex;
			margin-bottom: 20px;
			
		}
		.w-span{
			min-width: 100px;
			line-height: 40px;
			display: inline-block;
		}
		.img-box{
			width: 100px;
			height: 100px;
			border: 1px solid #e5e5e5;
		}
    }
</style>
<template>
	<div class="info-containter">
		<el-row>
			<el-col :span="10" class="box-flex">
				<span class="w-span">商户号</span>
				<el-input placeholder="请输入商户号" maxLength="20"></el-input>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="10" class="box-flex">
				<span class="w-span">账号</span>
				<el-input placeholder="请输入账号" maxLength="20"></el-input>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="10" class="box-flex">
				<span class="w-span">店铺logo</span>
				<div class="img-box"></div>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="10" class="box-flex">
				<span class="w-span">店铺名</span>
				<el-input placeholder="请输入店铺" maxLength="20"></el-input>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="10" class="box-flex">
				<span class="w-span">联系人</span>
				<el-input placeholder="请输入联系人" maxLength="20"></el-input>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="10" class="box-flex">
				<span class="w-span">联系手机</span>
				<el-input placeholder="请输入联系手机" maxLength="20"></el-input>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="10" class="box-flex">
				<span class="w-span">客户电话</span>
				<el-input placeholder="请输入客服电话" maxLength="20"></el-input>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="10" class="box-flex">
				<span class="w-span">主题颜色</span>
				<el-color-picker ></el-color-picker>
			</el-col>
		</el-row>
		<el-row>
			<el-button type="primary">保存</el-button>
		</el-row>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				
			}
		}
	}
</script>